<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib prefix="powersi" uri="http://www.powersi.com.cn/tags"%>
<powersi:html>
<head>
<powersi:head title="设备性能报表" />

<script type="text/javascript" src="../../../resource/js/rgraph/RGraph.common.core.js"></script>
<script type="text/javascript" src="../../../resource/js/rgraph/RGraph.line.js"></script>
</head>
<body >

	<powersi:form namespace="/report" action="DeviceReport!GetTest.action" >
		<powersi:groupbox title="查询条件">
			<powersi:editorlayout cols="4">
				<tr>
						<powersi:textfield label="查询条件"></powersi:textfield>
						<td>
							<powersi:button id="btCalc"  value="查  询"  onclick="queryData()"  ></powersi:button>
						</td>
				</tr>
			</powersi:editorlayout>
		</powersi:groupbox>

		<powersi:groupbox title="查询结果">
			<canvas id="myLine" width="600" height="250">[No canvas support]</canvas>
		</powersi:groupbox>

	</powersi:form>
	<powersi:errors />
<script type="text/javascript">

window.onload = function ()
{
	RGraph.Clear(document.getElementById("myLine"));　
var line = new RGraph.Line('myLine', [0,100,15,16,21,23, 4, 6,21,15,18,11]);
line

/* .Set('spline', true) */  //曲线 折线
.Set('numxticks', 0)
.Set('numyticks', 0)
.Set('hmargin', 10)
.Set('background.grid.autofit.numvlines', 11)
.Set('colors', ['black'])
.Set('linewidth', 5)
.Set('gutter.left', 40)
.Set('gutter.right', 15)
.Set('labels',['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'])
.Set('shadow',true)
.Set('shadow.color','#aaa')
.Set('shadow.blur',5) ;

//line.Set('chart.gutter', 25);//设置标签文字使用空间
line.Set('chart.title.xaxis', '时间');//设置水平坐标轴标题
line.Set('chart.title.yaxis','设备性能');//设置纵

line.Set('chart.linewidth', 3);//指定线宽

line.Draw();
}

</script>
</body>
</powersi:html>